// Menu部分的下拉
$(function(){
    $("#toggle").click(function(){
     $("#change").slideToggle(1000);
});

// 点击导航变色且锚点
$("#menu>li").click(function(){
    $(this).addClass("select").siblings().removeClass("select");
});


// 导航条监听 没写完
// $(function(){
//     var length = $("#menu>li").length;
//     $(document).scroll(function(){
//         for(let i = 0;i<length;i++) {
//             // 当前元素顶部距离页面顶部的实际高度
//             let top = $("#page>div").eq(i).offset().top;
            
//             // 当前页面滚到的位置
//             let scrop = $(document).scrollTop();

//             console.log(scrop +' '+top);
//             if(scrop>top){
//                 $("#menu>li").eq(i).addClass("select");
//                 $("#menu>li").eq(i).siblings().removeClass("select");
//             }
//         }
//     })
// })

// 平滑过渡
    $('a[href*="#"],area[href*="#"]').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            let $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                let targetOffset = $target.offset().top;
                $('html,body').animate({
                        scrollTop: targetOffset
                    },
                    1500);
                    // 点击导航颜色select加不上
                // return false;
            }
        }
    });

// 平滑过渡单个模块
    // $('#tocontact').click(function () {
    //     $('html, body').animate({
    //     scrollTop: $($.attr(this, 'href')).offset().top
    //     }, 1000);
       // return false;
    //     });





})

// banner轮播且自动播放
$(function(){
    let index=0;
    let timer;

    $("#next").click(function(){
        index++;
        // 实现一个轮回 右箭头
        if(index>3){
            index=0
        }
        show(index);
    })
    $("#prev").click(function(){
        index--;
        // 实现一个轮回 左箭头
        if(index<0){
            index=$("#list .cover").length-1;
        }
        show(index);
    })

    function show(index){
        $("#list .cover").eq(index).fadeIn(2000).siblings().fadeOut(2000);      
    }
// 自动播放
    function play (){
        timer = setInterval(function(){
            $("#next").click()
        },5000)
    }
    function stop(){
        clearInterval(timer)
    }
    $(".box").mouseover(function(){
        stop();
    })
    $(".box").mouseover(function(){
        play();
    })
    play();
})


// aboutpage 文字图片滚动
$(function(){
    let obw =$("#list_ab .wrap").width();
    let index=0;
    let len =$(".inner .i-text").length;
    // let cli=$("#btn_ab>span").length;
    loop:true;
// 左右箭头 平滑滚动
    $("#next_ab").click(function(){
        index++;
        if(index>6){
            index=0;
        }
        zd(index);
    })
    $("#prev_ab").click(function(){
        index--;
        if(index<0){
            index=len-1;
        }
        zd(index);
    })
    // 点击焦点 三个一组变化
    $("#btn_ab span").click(function(){
        let cli =$(this).index();
       $(this).addClass("select_ab").siblings().removeClass("select_ab");
        $(".inner").stop().animate({'marginLeft':-obw*cli*3},1000);
    })

    function zd(index){
        $(".inner").stop().animate({'marginLeft':-obw*index},1000);
    }

})

// 提交按钮
// $(function(){
//     $("#submit-btn").click(function(){
//         $("#myBox").show();
//     })
//     $("#closeBtn").click(function(){
//         $("#myBox").hide();
//     })

//     $("#submit-btn").click(function(){
//         $("#name ").val('');
//         $("#email ").val('');
//         $(".contact-form textarea").val('');
//     })

// })

$(function(){
    var f = 0;
    $("#submit-btn").click(function(){
        if (document.blog.name.value.toString().trim().length > 0 && document.blog.email.value.toString().trim().length > 0 && document.blog.message.value.toString().trim().length > 0) {
        
            $("#myBox").show();
            f=0;
            console.log(f);
            $("#closeBtn").click(function(){
                $("#myBox").hide();
            })
            
    }else {
        $("#theBox").show();
        f=1;
        console.log(f);
        $("#theBtn").click(function(){
            $("#theBox").hide();
        })                
  }
})

    //     // 提交后清空
    //     $("#submit-btn").click(function(){
    //     $("#name ").val('');
    //     $("#email ").val('');
    //     $(".contact-form textarea").val('');
    // })

    // $("#submit-btn").click(function(){
    //     return false;
    // })
})

// blog点击切换
$(function(){
    $(".tabs li").click(function(){
        let iCli = $(this).index();
        console.log(iCli);
        $(this).addClass("active").siblings().removeClass("active");
        $("#firsttab-group>div").eq(iCli).show().siblings().hide();
    })
})







